/* components/commentItem.wxss */
.box{
  margin: 20rpx;
  padding: 10rpx 20rpx;
  // border: 2rpx solid #fcd588;
  border-radius: 20rpx;
  box-shadow: 0 1px 3rpx #eee;
  display: flex;
  justify-content: space-between;
  .left{
    .infoBox{
      display: flex;
      .show{
        font-size: 28rpx;
        color: #8b8682;
      }
      .nickName{
        font-size: 32rpx;
      }
      .foodName{
        font-size: 30rpx;  
      }
      .time{
        font-size: 28rpx;
        color: #8b8682;
        padding-left: 50rpx;
      }
    }
    .secondBox{
      display: flex;
      font-size: 30rpx;
      .likeRate{
        padding-left: 20rpx;
        size: 30rpx;
      }
    }
    .commentDetail{
      font-size: 40rpx;
    }
  }
  .right{
    .butBox{
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      font-size: 20px;
    }
  }
}
.box:first-child{
  margin-top: 10rpx;
}
.on-show{
  background: linear-gradient(90deg,var(--theameColor-2),70%,rgb(226, 255, 235));
}
.on-noshow{
  background: linear-gradient(90deg,var(--theameColor-2),70%,rgb(255, 212, 212));
}